<!--Start Breadcrumb-->
<script src="../includes/feria_style/js/Validar/validarUsuario.js"></script>
<div class="row">
    <div id="breadcrumb" class="col-xs-12">
        
    </div>
</div>
<!--End Breadcrumb-->
<!--Start Dashboard 2-->

<div class="row-fluid">
    

    <div id="dashboard_tabs" class="col-xs-12 col-sm-10">
        <form id="usuario" method="post" data-target="flujo/RegistroUsuario" action="" class="form">
            <!--Start datos Tab 1-->
            <div id="dashboard-overview" class="row" style="visibility: visible; position: relative;">
                <div class="box">
                    <div class="box-content">
                        <div class="text-left">
                            <h4 class="page-header">Usuario</h4>
                        </div>
                        <div class="row ">
                            <div class="col-sm-6">
                                <label class="col-xs-4 control-label form-group" for="int_cedula">C&eacute;dula</label>
                                <div class="col-xs-3 form-group">
                                    <select class="form-control" id="tip_per" name="tip_per">
                                        <option value="">...</option>
                                        <option value="1">V</option>
                                        <option value="0">E</option>
                                    </select>
                                </div>
                                <div class="col-xs-5 form-group">
                                    <input type="text" class="form-control" id="int_cedula" onkeypress="return validarNum(event)" name="int_cedula" placeholder="Ejem: 12563987" data-toggle="tooltip" title="Cédula de identidad" maxlength="8">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 form-group" >
                                <label class="col-xs-4 control-label" for="strnombre">Nombres</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="strnombre" name="strnombre" placeholder="Ejemplo: jose " data-toggle="tooltip" title="Primer Nombre"/>
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label" for="strapellido" >Apellidos</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="strapellido" name="strapellido" placeholder="Ejemplo: lopez " data-toggle="tooltip" title="Primer Apellido"/>
                                </div>
                            </div>
                        </div>
                      
                        <div class="row ">
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label" for="strcorreo" >Correo</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="strcorreo" name="strcorreo" placeholder="Ejemplo: insopesca@insopesca.com" data-toggle="tooltip" title="Correo" />
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-3 control-label" for="str_tlf" >Tel&eacute;fono</label>
                                <div class="col-xs-4">
                                 <select class="form-control" id="tipo_telefono" name="tipo_telefono">
                                        <option value="">...</option>
                                        <option value="0424">0424</option>
                                        <option value="0414">0414</option>
                                        <option value="0426">0426</option>
                                        <option value="0416">0416</option>
                                        <option value="0412">0412</option>
                                    </select>
                                </div>
                                <div class="col-xs-5">
                                    <input type="text" class="form-control" id="str_tlf" onkeypress="return validarNum(event)" name="str_tlf" placeholder="Ejemplo: 1234567" data-toggle="tooltip" title="N° de Teléfono" maxlength="7" />
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Estado</label>
                                <div class="col-xs-8">
                                    <select id="estado" name="ch_estado">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Municipio</label>
                                <div class="col-xs-8">
                                    <select id="municipio" name="ch_municipio">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Parroquia</label>
                                <div class="col-xs-8">
                                    <select id="parroquia" name="ch_parroquia">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                             <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Area</label>
                                <div class="col-xs-8">
                                    <select id="area" name="ch_area">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6 form-group" >
                                <label class="col-xs-4 control-label" for="strlogin">Login</label>
                                <div class="col-xs-8">
                                    <input type="text" class="form-control" id="strlogin" name="strlogin" placeholder="Ejemplo: pperez " data-toggle="tooltip" title="Login"/>
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <label class="col-xs-4 control-label">Rol</label>
                                <div class="col-xs-8">
                                    <select id="rol" name="ch_rol">
                                        <option value="" selected="true">...</option>
                                    </select>
                                </div>
                            </div>
                            
                        </div>
                       <div class="row">
                            <div class="col-sm-12">
                                <div class="col-xs-12 text-right">
                                    
                                    <button class="btn btn-primary btn-label-right" id="sig4" type="submit">

                                        Guardar
                                        <span>
                                            <i class="fa fa-arrow-circle-o-right"></i>
                                        </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End datos Tab 1-->
           
          
        </form>
    </div>

    <div class="clearfix"></div>
</div>

<!--End Dashboard 2 -->

<script type="text/javascript">
    function validarNum(e) { // 1
    tecla = (document.all) ? e.keyCode : e.which; // 2
    if (tecla===8) return true; // 3
    patron =/^\d*$/; // 4
    te = String.fromCharCode(tecla); // 5
    return patron.test(te); // 6
}
// Run Select2 on element
    function Select2Test() {
        $("#parroquia,#municipio,#estado_civil,#estado,#rol,#area").select2();
    }
    $(document).ready(function() {
        // Load script of Select2 and run this
        LoadSelect2Script(Select2Test);
        $('.form-control').tooltip();
       ValidarUsuario();
       //lista area
        $.ajax({
            type: "post",
            url: "../get/ubicacion",
            data: {tip: '5'},
            success: function(data) {
                $("#area").append(data);
            }
        });
        //lista rol
        $.ajax({
            type: "post",
            url: "../get/ubicacion",
            data: {tip: '4'},
            success: function(data) {
                $("#rol").append(data);
            }
        });
         //listar estados
        $.ajax({
            type: "post",
            url: "../get/ubicacion",
            data: {tip: '1'},
            success: function(data) {
                $("#estado").append(data);
            }
        });
        /* funcion para crear la lista de municipios */
        $("#estado").change(function(event) {
            var id_es = $(this).find(':selected').val();
            $.ajax({
                type: "post",
                url: "../get/ubicacion",
                data: {tip: '2', id: id_es},
                success: function(data) {
                    $("#municipio").html('<option value="" selected="true">...</option>');
                    $("#municipio").append(data);
                }
            });
        });
        /* funcion para crear la lista de Parroquia */
        $("#estado").change(function(event) {
            var id_mu = $(this).find(':selected').val();
            $.ajax({
                type: "post",
                url: "../get/ubicacion",
                data: {tip: '3', id: id_mu},
                success: function(data) {
                    $("#parroquia").html('<option value="" selected="true">...</option>');
                    $("#parroquia").append(data);
                }
            });
        });
        $("#municipio").change(function(event) {
            var id_mu = $(this).find(':selected').val();
            $.ajax({
                type: "post",
                url: "../get/ubicacion",
                data: {tip: '3', id: id_mu},
                success: function(data) {
                    $("#parroquia").html('<option value="" selected="true">...</option>');
                    $("#parroquia").append(data);
                }
            });
        });
       
        // Load script of Select2 and run this
        DashboardTabChecker();
        WinMove();
    });
</script>
